html,
body { color: #444; line-height: 2em; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; overflow-x: hidden; background-color:#fff; }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}

dl { margin:0; }
em { font-style: normal }

a {  color: #444;  outline: none;  -webkit-transition:all .3s ease;}
a:hover {  color: #8ab334;  text-decoration: none;}
a:active,a:focus,a img {  outline: none; border: 0; }

a img {transition: all 0.3s ease-out 0s;}
a div { transition: all 0.3s ease-out 0s; }

::-moz-selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}
::selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; width: 100%; border-collapse: collapse; border-spacing:0; }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; /*background-color:#666; color:#fff; text-align:center*/ }
table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }

ul,ol { list-style: none; margin:0; padding:0; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.none { display: none }

.mio-tbar { padding:10px 0; background-color:#02347a; color:#fff }
.mio-tbar a { color:#fff }
.mio-tbar span { padding: 0 10px; }
.mio-tbar .mio-tel { background: url(tel2.png) no-repeat left center; padding-left:25px; float:right }
.mio-tbar .mio-tel strong { color:#fc0 }

.mio-header { min-height: 100px; background-color:#fff}
.mio-header a.navbar-brand { width:100%; min-height: 100px; background: url(logo.png) no-repeat left center; text-indent:-999999px; overflow: hidden }
/*.mio-header a.navbar-brand h2 { font-size: 1.5em; margin: 10px 0 10px 0; font-weight:bold }
.mio-header a.navbar-brand h3 { font-size: 0.8em; color:#999; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif }*/

.mio-header .mio-nav { float:right; padding: 30px 0; }
.mio-header .mio-nav li { float: left; padding-left:20px; }
.mio-header .mio-nav li a { line-height:40px; display:block; text-align:center; color:#333; border-bottom:#fff 4px solid; font-size:1.1em; }
.mio-header .mio-nav li a:hover { color:#cc8b2e; }
.mio-header .mio-nav li.hover a { color:#cc8b2e; }
.mio-header .mio-nav li a span { height: 1px; display:block; background-color:#fff; }
.mio-header .mio-nav li.hover a span { background-color:#cc8b2e; }


.mio-header-top { width: 100%; position:fixed; top:0; left:0; z-index:99999999; -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; }


.mio-footer { background:#333; color:#fff; padding:30px 0; text-align:center }
.mio-footer p { margin: 0; }
.mio-footer a { color:#fff; }


.mio-flinks { padding: 30px 0; color:#999; background-color:#FFF }
.mio-flinks .container { }
.mio-flinks li { margin: 0 10px 0 0; float:left }
.mio-flinks a { color:#999; }
.mio-flinks a:hover { color:#333; }
.mio-flinks h3 { color:#999; font-size:1em; background: url(link.gif) no-repeat left top; height: 45px; padding-left: 100px; margin-top:0; line-height: 25px; }



.mio-content { padding: 50px 0; }


.mio-banner { max-height:540px; background-color:#f5f5f5; overflow:hidden; }
.rsDefault .rsFullscreenIcn{background:url('rs-default.png') 0 0;}
.rsDefault .rsArrowIcn{background:url('rs-default.png');}
#gallery-1 {width:100%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.rsDefault .rsThumb{width:200px; height:60px;}
.rsDefault .rsBullet { padding-bottom:30px; }
.rsDefault .rsBullet span { background: none; background: url(dot.png) no-repeat -8px 4px; border-radius:0; width: 16px; height: 16px; }
.rsDefault .rsBullet.rsNavSelected span { background: none; background: url(dot.png) no-repeat -7px -42px; width: 16px; height:16px; }
.rsDefault .rsArrowIcn { background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; }





.mio-section { padding: 80px 0; }
.mio-section img { width: 100% }
.mio-section .mio-t { text-align:center; margin-bottom:40px; }
.mio-section .mio-t h2 { font-size: 2.2em; color:#3f4851; margin-bottom:10px; }
.mio-section .mio-t p { font-size:1.2em }

.mio-products { padding-bottom:50px; }

.mio-about { }
.mio-about h3 { font-size: 1.4em; color:#222; margin-bottom: 30px; }
.mio-about .mio-img { background: url(image-pattern-left.png) no-repeat top left; padding: 15px 0 0 15px; }
.mio-about .mio-img img { border:#fff 10px solid }
.mio-about a.mio-vmore { border:#02347a 1px solid; color:#02347a; line-height:40px; width: 160px; text-align:center; display:block; margin: 25px 0 0 0 }

.mio-news { background-color:#fff }

.mio-nlist {}
.mio-nlist li { border-bottom:#eee 1px dashed; padding: 10px 0; }
.mio-nlist li .mio-pdate { color:#999; margin: 10px 0; }
.mio-nlist h3 { font-weight: bold }


.mio-adv { padding: 50px 0; text-align:center; background-size:100% }
.mio-adv h2 { font-size: 1.8em; font-weight: bold; margin-bottom: 15px; }
.mio-adv1 { background: url(abg1.jpg) no-repeat top center }
.mio-adv1 h2,
.mio-adv1 h3 { padding-left: 320px; color:#fff }
.mio-adv2 { background: url(abg2.jpg) no-repeat bottom center; color:#fff }
.mio-adv3 { background: url(abg2.jpg) no-repeat center top; text-align: left }
.mio-adv3 .mio-tel { text-align:right; font-size: 1.4em }
.mio-adv3 h2,
.mio-adv3 h3 { padding-left: 170px; }
.mio-adv img { display: none }


.mio-message { height: 720px; background: url(map.jpg) no-repeat center }
.mio-msg { background-color:#fff; padding: 40px; }
.mio-msg h2 { color: #009999; margin-bottom: 25px; font-weight:bold; text-align:center }
.mio-msg .ip { background-color:#f5f5f5; border: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 10px; }
.mio-msg .ip2 { height: 100px; }
.mio-msg .bnt { background-color:#009999; height: 50px; width: 60%; cursor: pointer; margin: 20px auto 0; border: 0; color:#fff }

.mio-msg2 { padding: 0 }
.mio-msg2 .bnt { width: 160px; margin: 20px 0 0 0 }
.mio-msg2 .ip2 { height: 160px; }

.mio-contact { padding: 0 0 0 80px }
.mio-contact .mio-ct { width: 542px; height: 350px; background: url(ct.png) no-repeat center; margin-bottom:15px; padding: 20px 50px; }
.mio-contact .mio-ct p { margin: 0; }
.mio-contact .mio-ct strong { font-size:1.4em; display:block; margin-bottom:10px }
.mio-contact .mio-do { height: 40px; background: url(dw.png) no-repeat 285px center; }


.mio-cbox {}
.mio-cbox img { width: 100% }
.mio-cbox p { margin: 0; padding: 5px; border-bottom:#eee 1px dashed }
.mio-cbox em { display: block; padding-left: 42px; }






.mio-alist li { padding:10px; }
.mio-alist li:nth-child(odd) { background:#f5f5f5; }
.mio-alist li span { float: right; color:#999; }
.mio-alist li a i { margin-right: 8px; }

.mio-plist {}
.mio-plist a { height: 260px; width: 100%; display:block; position:relative; z-index:1; margin-bottom: 30px; overflow: hidden }
.mio-plist a .mio-img { height: 200px; width: 100%; position:absolute; top:0; left:0; z-index:1; background-color:#ccc }
.mio-plist a .mio-img img { width: 100%; opacity:0.9; filter:alpha(opacity=90); min-height: 200px }
.mio-plist a .mio-c { height: 260px; width: 100%; position:absolute; top:220px; left:0; z-index:2; background: url(b2.png); color:#fff; }
.mio-plist a .mio-c h3 { line-height: 40px; padding: 0 15px; text-align:center }
.mio-plist a .mio-zoom { height: 260px; width: 100%; position:absolute; top:-260px; left:0; z-index:3; }
.mio-plist a .mio-zoom span { border:#fff 1px solid; width: 50px; height: 50px; color:#fff; text-align:center; line-height:50px; overflow: hidden; border-radius:50px; display:block; font-size:2em; margin: 80px auto }
.mio-plist a:hover .mio-img img { opacity:1; filter:alpha(opacity=1); }
.mio-plist a:hover .mio-c { top:0; }
.mio-plist a:hover .mio-c h3 { padding-top: 150px; line-height:22px }
.mio-plist a:hover .mio-zoom { top: 0; }

.mio-plist a .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.mio-plist a:hover .mio-img img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}



.mio-hlist {}
.mio-hlist img { width: 100%; height: 175px; border:#fff 5px solid }
.mio-hlist .mio-img { height: 175px; overflow: hidden; margin-bottom: 30px; border:#eee 1px solid }

.list_page{text-align:center;margin:30px auto; }
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}



.mio-pbanner { height: 400px; background-color:#333; background-position: center; background-repeat: no-repeat; background-size:cover }
.mio-pbanner .mio-pbg { height: 400px; background: url(b.png) }
.mio-pbanner .mio-pt { color:#fff; padding:160px 0 0 0; }
.mio-pbanner .mio-pt h2 { font-size:2.5em; color:#fff; margin-bottom: 15px; font-weight:bold; text-transform: uppercase }
.mio-pbanner .mio-pt .mio-crumbs { color:#aaa; }
.mio-pbanner .mio-pt .mio-crumbs a { color:#aaa; }
.mio-pbanner .mio-pt .mio-crumbs a:hover { color:#fff; }
.mio-pbanner1 { background-image: url(1.jpg) }
.mio-pbanner4 { background-image: url(4.jpg) }
.mio-pbanner2 { background-image: url(2.jpg) }
.mio-pbanner8 { background-image: url(8.jpg) }
.mio-pbanner5 { background-image: url(5.jpg) }
.mio-pbanner6 { background-image: url(6.jpg) }
.mio-pbanner3 { background-image: url(3.jpg) }
.mio-pbanner28 { background-image: url(0.jpg) }



/*.mio-category { background-color:#666; border-top:#999 1px solid }
.mio-category ul {}
.mio-category li { float: left; position:relative; width: 190px; z-index:9999; }
.mio-category li a { display:block; line-height: 50px; text-align:center; color:#fff; border-right:#999 1px solid }
.mio-category li.hover a { background-color:#02347a; }
.mio-category li li { float: none; width: 100% }
.mio-category li ul { position: absolute; top: 50px; left: 0; width: 190px; background-color:#666; display: none }
.mio-category li li a { text-align:center; line-height: 40px; border: 0; }
.mio-category li.hover li a { background-color:#666 }
.mio-category li a:hover { background-color:#8ab334 }
.mio-category li.hover a:hover { background-color:#8ab334 }
*/

h1.mio-h1t { text-align: center; font-size: 2.5em; margin-bottom: 50px; color:#222; }

.mio-a3 h2 { margin-bottom: 20px; font-weight:bold; }
.mio-a3 em { display: inline-block; width: 130px }
.mio-a3 p { margin: 0; padding: 10px 0; border-top:#eee 1px dashed }

#dituContent { width: 100%; height: 500px; }


.mio-article {  }
.mio-article a { text-decoration: underline; font-weight:bold }
.mio-article ul,
.mio-article ol { margin-left: 2em; margin-top:20px; margin-bottom: 20px; }
.mio-article ul li { list-style: disc; }
.mio-article ol li { list-style: decimal-leading-zero; }
.mio-article table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mio-article table p { margin: 0; }
.mio-article table th { background-color:#efefef; text-align:center; }
.mio-article img { max-width: 100%; display:block; margin:20px auto; border:#eee 1px solid; padding:5px; }
.mio-article h2,
.mio-article h3 { margin: 20px 0; border-left:#333 4px solid; padding-left:15px; }
.mio-article li p { margin: 0 }

h1.mio-h1t-news { color:#02347a; margin-bottom:20px; text-align:center }



.mio-prev-next { width:320px; margin: 0 auto }
.mio-prev-next a,
.mio-prev-next span { display:block; line-height:40px; text-align:center; cursor: pointer }
.mio-prev-next a { background-color:#666; color:#fff }
.mio-prev-next a:hover { background-color:#02347a }
.mio-prev-next span { color:#aaa; background-color:#f3f3f3; }


.mio-alink { color:#999; margin:20px 0 }
.mio-alink a { text-decoration: underline; color:#999;  }

.mio-tips { color:#f90; border:#f90 1px dashed; background-color:#f6f9fc; padding: 10px; font-size:0.9em }
.mio-tips p { margin: 0 }

.mio-related {}
.mio-related h2 { font-weight: bold; border-bottom:#eee 1px solid; padding-bottom:20px; margin-bottom: 20px; }
.mio-related ul {}
.mio-related li { padding:15px 0; border-bottom:#eee 1px dashed; }
.mio-related li img { height: 80px; width: 100%; border:#f3f3f3 3px solid }
.mio-related li h3 { font-size:1.2em; line-height:25px; padding-top: 10px; }

.mio-main { padding-right:30px; border-right:#eee 1px solid; min-height: 750px; }




.mio-navm,
.mio-snavbar { display:none }



.mio-fbar { display: none }


.mio-category {}
.mio-category h3 { background:#073eac url(ar.png) no-repeat 220px center; border-radius: 6px 6px 0 0; line-height: 60px; color:#fff; padding: 0 25px; font-size:1.6em; font-weight:bold }
.mio-category ul { background-color:#fff; border: #eee 1px solid; }
.mio-category li { border-bottom:#eee 1px solid; }
.mio-category li a { display: block; padding: 10px; }
.mio-category li.hover a { background-color:#f5f5f5; color:#073eac; font-weight:bold }

.mio-home-contact { background: url(cbg.jpg) no-repeat center; padding: 60px 0; }
.mio-home-contact h2 { text-align: center; font-weight: bold; font-size: 1.6em }
.mio-home-contact h2 strong { color: #009966 }
.mio-home-contact h6 { text-align: center; font-weight: normal; margin: 30px 0 50px 0; font-size: 1em }
.mio-home-contact ul {}
.mio-home-contact li { height: 100px; float: left; font-size: 1.1em }
.mio-home-contact li img { height: 100px; float: left; margin-right: 20px; }
.mio-home-contact li div { float: left }
.mio-home-contact li:nth-child(1) { font-size: 2em; font-weight: bold; line-height: 100px; }
.mio-home-contact li:nth-child(2) { margin: 0 50px; }
.mio-home-contact li:nth-child(2) div { padding: 10px 0 }
.mio-home-contact li:nth-child(3) { line-height: 100px; } 
.mio-home-contact li strong { display: block; font-size: 1.5em; color: #009966  }

@media (min-width:320px) and (max-width:767px) {

	.tr { text-align: left; }
	.fr { float: none; }
	
	.mio-tbar { display:none; }
	
	.mio-header { min-height: 60px; background-color:#fff}
	.mio-header a.navbar-brand { width:100%; min-height: 60px; padding: 15px 0 0 0; background-size:70% }
	/*.mio-header a.navbar-brand h2 { font-size: 1em; margin: 0 0 5px 0; font-weight:bold }
	.mio-header a.navbar-brand h3 { font-size: 0.5em; color:#999; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif }*/

	.mio-header .mio-nav { display: none }
	
	.mio-footer { }
	
	
	.mio-fbar { height: 60px; width: 100%; position:fixed; bottom:0; left:0; z-index:1; display:block; background-color:#011839; border-top:#fff 1px solid }
	.mio-fbar a { display: block; text-align:center; color:#fff; padding: 6px 0 0 0; font-size:0.9em }
	.mio-fbar a i { display:block; margin: 0 auto; font-size:1.6em }
	
	.mio-content { padding: 20px 0; }
	
	.mio-section { padding:20px 0; }
	.mio-section .mio-t { margin-bottom: 20px; }
	.mio-section .mio-t h2 { font-size: 1.8em }
	
	.mio-pmenu { margin: 30px auto 50px }
	.mio-pmenu a { display:inline-block; width: 33.33%; float:left; padding: 0; background-color:#8cb930; color:#fff  }
	.mio-pmenu a.mio-a6,
	.mio-pmenu a.mio-a8,
	.mio-pmenu a.mio-a10 { background-color:#02347a; color:#fff }

	.mio-plist {}
	.mio-plist a { height: auto; width: 100%; position: inherit; z-index:1; margin-bottom: 20px; overflow: auto; border:#eee 5px solid }
	.mio-plist a .mio-img { height: auto; width: 100%; position: inherit; }
	.mio-plist a .mio-img img { width: 100%; opacity:0.8; filter:alpha(opacity=80); min-height:inherit; height:120px }
	.mio-plist a .mio-c { height: auto; width: 100%; position: inherit; top: inherit; left: inherit; z-index:2; background: none; color:#333; background-color:#fff }
	.mio-plist a .mio-c h3 { line-height: 30px; padding: 0 15px; text-align:center; font-size:1em; height:30px; overflow: hidden }
	.mio-plist a .mio-zoom { display: none }
	.mio-plist a .mio-zoom span { border:#fff 1px solid; width: 50px; height: 50px; color:#fff; text-align:center; line-height:50px; overflow: hidden; border-radius:50px; display:block; font-size:2em; margin: 80px auto }
	.mio-plist a:hover .mio-img img { opacity:1; filter:alpha(opacity=1); }
	.mio-plist a:hover .mio-c { top:0; }
	.mio-plist a:hover .mio-c h3 { padding-top: 0; line-height:22px;  }
	.mio-plist a:hover .mio-zoom { top: 0; }

	.mio-plist a .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
	.mio-plist a:hover .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}

	
	.mio-products { padding-bottom: 0; }
	
	.mio-about { }
	.mio-about h2 { font-size: 1.8em; text-align:center; margin:20px 0 }
	.mio-about .mio-img { background: none; padding: 0; margin-bottom: 20px; }
	.mio-about .mio-img img { border: 0 }
	.mio-about a.mio-vmore { width: 100% }

	
	.mio-nlist img { display: block; margin-bottom: 15px; }
	
	
	
	.mio-news { background-color:#fff }


	
	.mio-navm { display: block; float:right; line-height:60px; font-size:1.5em; padding-right:15px; cursor:pointer; color:#02347a }
	
	.mio-snavbar { width: 100%; height:100%; position: absolute; z-index:9999999; left:0; top:0; background: url(b.png); display: none }
	.mio-snavbar .mio-c { padding: 25px; background-color:#fff; width: 80%; height:100%; }
	.mio-snavbar .mio-c .mio-flogo { width: 100%; text-align:center }
	.mio-snavbar .mio-c .mio-flogo h2 { font-size:1.3em; font-weight:bold; margin-bottom: 10px; }
	.mio-snavbar .mio-c .mio-flogo h3 { font-size: 0.7em }
	.mio-snavbar ul { margin-top:30px;border-top:#f3f3f3 1px solid }
	.mio-snavbar li { border-bottom:#f3f3f3 1px solid; }
	.mio-snavbar li a { display:block; padding:6px 0; font-weight:bold }
	.mio-snavbar li a i { float:right; margin-top:5px; }
	.mio-snavbar span { position: absolute; top: 15px; right:20px; z-index:99999999; color:#fff; font-size:2em; cursor: pointer }
	.mio-snavbar li .row { padding-bottom:15px; display:none }
	.mio-snavbar li .row a { font-weight: normal; line-height:26px }
	.mio-snavbar li .row a.hover { color:#f30}

	
	.mio-pbanner { height: 150px; text-align:center }
	.mio-pbanner .mio-pbg { height: 150px; }
	.mio-pbanner .mio-pt { padding: 50px 0 0 0; }
	.mio-pbanner .mio-pt h2 { font-size:1.3em; }

	.mio-alist li span { display:block; float: none }


	

	.mio-a3 h2 { margin-bottom: 20px; font-weight:bold; font-size:1.2em }
	.mio-a3 em { display: inline; width: auto }

	#dituContent { height: 300px; margin: 30px 0 0 0 }

	.mio-msg .bnt { width: 100% }
	
	.mio-cbox { display: none }
	
	.mio-adv { padding: 0 0 15px 0; text-align:center }
	.mio-adv .container { padding:0; margin: 0; }
	.mio-adv h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 15px; }
	.mio-adv h3 { font-size:1em }
	.mio-adv1,
	.mio-adv2 { background: none #1c6191; color:#fff; }
	.mio-adv1 h2,
	.mio-adv1 h3 { padding-left: inherit; }
	.mio-adv img { display: block; width: 100%; margin-bottom: 15px; }
	
	
	
	.mio-message { height: auto; }
	.mio-msg .bnt { width: 100%; }
		
	.mio-contact { display: none }
	
	.mio-category { margin-top: 30px; }
	.mio-category h3 { background-image: none }
}